<template>
  <div class="mb-4">
    <a-button type="awhite">customDefault</a-button>
    <a-button type="acyan">custom</a-button>
    <a-button type="ablue">customBlur</a-button>
  </div>

    <div>
    <a-button type="awhite" circle>
      <el-icon><Search /></el-icon>
    </a-button>
    <a-button type="ablue" circle>
      <el-icon><Edit /></el-icon>
    </a-button>
    <a-button type="acyan" circle>
      <el-icon><Check /></el-icon>
    </a-button>
    <a-button type="info" circle>
      <el-icon><Message /></el-icon>
    </a-button>
    <a-button type="warning" circle>
      <el-icon><Star /></el-icon>
    </a-button>
    <a-button type="danger" circle>
      <el-icon><Delete /></el-icon>
    </a-button>
  </div>
</template>

<script lang="ts" setup>
import aButton from "@/components/aButton";

</script>

<style>
</style>